const path = require('path');
function resolve(dir) {
	return path.join(__dirname, dir)
}

module.exports = {
	//打包配置，解决页面空白的配置方案。
	publicPath: process.env.NODE_ENV == "production" ? "./" : "/",  
	
	/* css转换设置 */
	css: {
		loaderOptions: {
			css: {},
			postcss: {
				plugins: [
					require('postcss-px2rem')({
						remUnit: 37.5, //这里将屏幕分为10分(10rem),也就是10*37.5=375px就等于屏幕100%，如果不需要被转化，在style中直接写PX大写
					})
				]
			}
		}
	},
	
	// Vue CLI 内部的 webpack 配置是通过 webpack-chain (链式操作)维护的
	chainWebpack: (config) => {
		//配置静态资源别名
		config.resolve.alias
			.set('@', resolve('src'))
			.set('styles', resolve('src/styles'))
			.set('images', resolve('src/assets/images'))
			.set('components', resolve('src/components'))
			.set('pages', resolve('src/views'))
	},
	
	/* 服务器代理 相关配置 */
	devServer: {
		port: 8085,          //自定义端口号
		host: '0.0.0.0',     //默认localhost，0.0.0.0为允许ip访问
		open: true,          //配置自动启动浏览器
		hotOnly: true,       //热更新
		proxy: {
		  '/apis': {
				target: 'http://ms.qyera.cn/web',
		    changeOrigin: true,			// 是否跨域
				ws: true,        				//如果要代理 websockets，配置这个参数
				secure: false,  				// 如果是https接口，需要配置这个参数
		    pathRewrite: {
		      '^/apis': ''
		    }
		  }
		},
		// 配置eslint的校验
		overlay: {
			warnings: false,
			errors: false
		}
	},
}
